Page({
  data(){
    openid:""
  },
  //获取授权的点击事件
  shouquan() {
    wx.requestSubscribeMessage({
      tmplIds: ['1y1fFoDnC5WuE4rDurmaHvSZPeHDHk2Jc0ithFfd0Ro','X-oHowZphCP0il9GUyhu25A0Ughv81bLHxi0nEKtVY0'], //这里填入我们生成的模板id
      success(res) {
        console.log('授权成功', res)
      },
      fail(res) {
        console.log('授权失败', res)
      }
    })
    this.send(this.data.openid)
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getOpenid(); 
    wx.getImageInfo({
      src: app.globalData.image,
      success: (ress) => {
        let ctx = wx.createCanvasContext('firstCanvas')
        ctx.drawImage('要加水印或者图片拼接的主图', 0, 0, 190, 110) // 绘制图像到画布
        // 图片那拼接
        ctx.drawImage('你要添加的图片路径', 0, 0, 80, 48) // 绘制图像到原有画布，也就是图片拼接
        // 图片加水印
        ctx.fillText('你要添加的文字', 0, 50 * 2) //在画布上绘制被填充的文本
        ctx.setTextAlign('center') // 文字居中
        ctx.setFillStyle('#a00b0f') // 文字颜色：黑色
        ctx.draw(false, function () {
           wx.canvasToTempFilePath({
            canvasId: 'firstCanvas',
            success: (res) => {
              console.log(res) //这里获取加了水印的图片信息
            },
            fail: (e) => {
              console.log(e)
            }
          })
        })
      }
    })
  },
  // 获取用户openid
  getOpenid() {
    let that = this;
    wx.cloud.callFunction({
      name: 'getOpenid',
      complete: res => {
        console.log('云函数获取到的openid: ', res.result.openId)
        var openid = res.result.openId;
        that.setData({
          openid: openid
        })
      }
    })
  },
  //发送模板消息到指定用户,推送之前要先获取用户的openid
  send(openid) {
    wx.cloud.callFunction({
      name: "sendMsg",
      data: {
        openid: openid
      }
    }).then(res => {
      console.log("推送消息成功", res)
    }).catch(res => {
      console.log("推送消息失败", res)
    })
  },
})
